<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

  <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
  <title> Administrador de La Coruña - Alta Artículo</title>
  <LINK REL=StyleSheet HREF="styles/style.css" TYPE="text/css" MEDIA=screen>
  <script type="text/javascript" src="javascripts/jQuery.js"></script>
  <script type="text/javascript" src="javascripts/application.js"></script>
</head>
<body>
<div class="wrapped">
	<div class="menuDiv">
		<table class="menu">
			<div class="admin_logo">
				<a href="/home"><img src="/home/images/logo-principal.jpg"></img></a>
			</div>
	
			<tr class="separator"><td>&nbsp;</td></tr>
			<tr><td><span class="admin-category"> Artículos </span></td></tr>
				<tr><td>
					<a href="/home/articulos">Ver Artículos</a>
				</td></tr>
			<tr class="separator"><td>&nbsp;</td></tr>
			
			<tr><td><span class="admin-category"> Tiendas </span></td></tr>
				<tr><td>
					<a href="listado_tiendas.html">Ver Tiendas</a>
				</td></tr>
			
			<tr class="separator"><td>&nbsp;</td></tr>
			
			<tr><td><span class="admin-category"> Centros de Distribución </span></td></tr>
			<tr><td>
				<a href="listado_centros.html">Ver Centros</a>
			</td></tr>	
			<tr class="separator"><td>&nbsp;</td></tr>
			<tr><td><span class="admin-category"> OFAD </span></td></tr>
			<tr><td>
				<a href="/home/ofad-index">Ver listado tentativo</a>
			</td>
			<tr><td>
				<a href="/home/ofad-list">Ver OFAD generadas</a>
			</td></tr>
				
		</table>
		<br />
	</div>
	<div class="content">

	
	<!-- Contenido de la página -->
	<h1> Alta de Artículo </h1>
	<em class="error-messages"></em>
	<div class="contenedor">
		<div class="alta-articulo">
			<form action="/home/nuevo-articulo" method="post">
			<div class="row">
				<span class="star">*</span>
				<span>Ref: </span><br>
				<input type="text" name="ref"/>
				<em>Codigo del artículo</em>
			</div>			
			<div class="row">
				<span class="star">*</span>
				<span>Nombre: </span><br>
				<input type="text" name="nombre"/>
				<em>Nombre del artículo</em>
			</div>
			<div class="row textarea">
				<span class="star">*</span>
				<span>Descripción:</span><br>
				<textarea name="descripcion"></textarea>
				<em>Descripción del artículo</em>
			</div>
			<div class="row">
				<span class="star">*</span>
				<span>Linea:</span><br>
				<input type="text" name="linea"/>
				<em>Linea del artículo</em>
			</div>		
				
			<div class="row">
				<span class="star">*</span>
				<span>Color:</span><br>
				<input type="text" name="color"/>
				<em>Color del artículo</em>
			</div>

			<div class="row">
				<span class="star">*</span>
				<span>Sección:</span><br>
				<input type="text" name="seccion"/>
				<em>Sección del artículo</em>
			</div>

			<div class="row">
				<span class="star">*</span>
				<span>Precio:</span><br>
				<input type="text" name="precio"/>
				<em>Precio del artículo</em>
			</div>
			
			<div class="row">
				<span class="star">*</span>
				<span>Tipo:</span><br>
				<select name="tipo" id="tipo">
					<option value="null">Seleccione un tipo</option>
					<option value="hogar">Artículo de Hogar</option>
					<option value="ropa">Artículo de Ropa</option>
				</select>
				<em>Seleccione si el artículo es una prenda de ropa o un artículo de hogar.</em>
			</div>
			
			<!-- atributos articulo ropa -->
			<div id="atributos-ropa">
				<div class="row">
					<span class="star">*</span>
					<span>Origen:</span><br>
					<input type="text" name="origen"/>
					<em>Origen de la prenda.</em>
				</div>

				<div class="row">
					<span class="star">*</span>
					<span>Talle:</span><br>
					<select name="talle">
						<option value="null"> Seleccione un talle </option>
						<option value="xs"> XS </option>
						<option value="s"> S </option>
						<option value="m"> M </option>
						<option value="l"> L </option>
						<option value="xl"> XL </option>			
					</select>
					<em>Indique el talle de la prenda</em>
				</div>
		
			</div>
			<!-- atributos articulo hogar -->
			<div id="atributos-hogar">
				<div class="row">
					<span class="star">*</span>
					<span>Composición:</span><br>
					<input type="text" name="composicion"/>
					<em>Composición del artículo de hogar.</em>
				</div>			
				<div class="row">
					<span class="star">*</span>
					<span>Medidas:</span><br>
					<input type="text" name="medidas"/>
					<em>Medidas del artículo de hogar.</em>
				</div>
				<div class="row">
					<span class="star">*</span>
					<span>Categoría:</span><br>
					<input type="text" name="categoria"/>
					<em>Categoría del artículo de hogar.</em>
				</div>
			</div>
			<input type="submit" value="Crear">
			</form>
		</div>
	</div>
	
</div>
</div>
</body>
</html>